<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>餐厅列表 - 外卖管理系统</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <nav class="navbar">
        <div class="container">
            <h1>外卖管理系统</h1>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="restaurants.html">餐厅列表</a></li>
                <li><a href="orders.html">我的订单</a></li>
                <li><a href="login.html">登录</a></li>
                <li><a href="register.html">注册</a></li>
            </ul>
        </div>
    </nav>

    <div class="container">
        <div class="search-section">
            <input type="text" id="searchInput" placeholder="搜索餐厅...">
            <button class="btn" onclick="searchRestaurants()">搜索</button>
        </div>

        <div class="restaurant-list">
            <div class="restaurant-card">
                <div class="restaurant-image" style="background-image: url('../images/restaurant1.jpg');"></div>
                <div class="restaurant-info">
                    <h3 class="restaurant-name">江南小厨</h3>
                    <p class="restaurant-cuisine">江浙菜</p>
                    <div class="restaurant-details">
                        <span class="restaurant-rating"><i class="fas fa-star"></i> 4.8</span>
                        <span class="restaurant-delivery-time"><i class="fas fa-clock"></i> 30-45 分钟</span>
                        <span class="restaurant-offers">新店特惠</span>
                    </div>
                </div>
            </div>
            <div class="restaurant-card">
                <div class="restaurant-image" style="background-image: url('../images/restaurant2.jpg');"></div>
                <div class="restaurant-info">
                    <h3 class="restaurant-name">川香阁</h3>
                    <p class="restaurant-cuisine">川菜</p>
                    <div class="restaurant-details">
                        <span class="restaurant-rating"><i class="fas fa-star"></i> 4.6</span>
                        <span class="restaurant-delivery-time"><i class="fas fa-clock"></i> 40-55 分钟</span>
                        <span class="restaurant-offers">满减优惠</span>
                    </div>
                </div>
            </div>
            <div class="restaurant-card">
                <div class="restaurant-image" style="background-image: url('../images/restaurant3.jpg');"></div>
                <div class="restaurant-info">
                    <h3 class="restaurant-name">寿司物语</h3>
                    <p class="restaurant-cuisine">日料</p>
                    <div class="restaurant-details">
                        <span class="restaurant-rating"><i class="fas fa-star"></i> 4.9</span>
                        <span class="restaurant-delivery-time"><i class="fas fa-clock"></i> 25-40 分钟</span>
                        <span class="restaurant-offers">会员优惠</span>
                    </div>
                </div>
            </div>
            <div class="restaurant-card">
                <div class="restaurant-image" style="background-image: url('../images/restaurant4.jpg');"></div>
                <div class="restaurant-info">
                    <h3 class="restaurant-name">米兰西餐厅</h3>
                    <p class="restaurant-cuisine">西餐</p>
                    <div class="restaurant-details">
                        <span class="restaurant-rating"><i class="fas fa-star"></i> 4.7</span>
                        <span class="restaurant-delivery-time"><i class="fas fa-clock"></i> 35-50 分钟</span>
                        <span class="restaurant-offers">高端餐厅</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="js/restaurants.js"></script>
</body>
</html>
